<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>07行高</title>
    <style>
      /* 只要你不写，line-height浏览器会默认根据你的字体给你设置行高 */
      div {
        font-size: 40px;
        /* 第一种写法 值为像素 */
        /* line-height: 100px; */

        /* 第二种写法 值为normal */
        /* line-height: normal; */

        /* 第三种写法，值为数值 用的比较多*/
        /* line-height: 1.5; */

        /* 第四种写法，值为百分比 */

        line-height: 150%;
      }
    </style>
  </head>
  <body>
    <div>
      atguigu尚硅谷让天下没有难掉的APIatguigu尚硅谷让天下没有难掉的APIatguigu尚硅谷让天下没有x难掉的APIatguigu尚硅谷让天下没有难掉的APIatguigu尚硅谷让天下没有难掉的API
      Lorem ipsum dolor siXt amet consectetur adipisicing elit. Deserunt facilis
      dolores est explicabo delectus ratione repellendus itaque accusantium
      praesentium laborum fugit maxime impedit adipisci pariatur mollitia dicta,
      reprehenderit reiciendis beatae.
    </div>
  </body>
</html>
